html {
min-height: 101%;
}
BODY {
	width: 100%;
	margin: 0px;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	background-color: #ffffff;
}

TABLE.banner {
	width: 100%;
	border:0px;
	height:80px;
	border-collapse: collapse;
	background-image: url("../images/theme/banner.gif");
	background-color: #33AA00;
	background-repeat: repeat-x;
}

TABLE.message {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
}

TABLE.message TD {
	 border: none;
	 padding: 3px;
	 height: 30px;
}

TABLE.message TD.message {
	text-align: center;
	color: red;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
}

TABLE.form {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
}

TABLE.form TD {
	 border: none;
	 padding: 3px;
}

TABLE.button {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
}

TABLE.button TD {
	height: 50px;
	border-collapse: collapse;
	padding: 3px;
	vertical-align: middle;
}

TABLE.button TD.left {
	width: 60%;
	text-align: left;
}

TABLE.button TD.right {
	width: 40%;
	text-align: center;
}
/*NEXT PAGE*/
TABLE.button_nextpage {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
}

TABLE.button_nextpage TD {
	height: 50px;
	border-collapse: collapse;
	padding: 3px;
	vertical-align: middle;
}
TABLE.button_nextpage TD.left {
	width: 25%;
	text-align: center;
}
TABLE.button_nextpage TD.center {
	width: 50%;
	text-align: center;
}
TABLE.button_nextpage TD.right {
	width: 25%;
	text-align: center;
}

TABLE.result {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
}

TABLE.result TH, TABLE.result TD {
	min-height: 30px;
	border: 1px solid black;
	padding: 3px;
	color: #000000;
}

TABLE.result TD {
	color: #000000;
}

TABLE.result TH {
	/*background-color: #fec200;*/
	background-color: #f9d78f;
}

TABLE.result TD {

}

TABLE.result TR.lineE {
	/*background-color: #fdeac0;*/
	/*background-color: #fcf2db;*/
	background-color: #fdf1db;
}
TABLE.result TR.lineO {
	background-color: #ffffff;
}

TABLE.result TR.footer TD {
	background-color: silver;
}

TABLE.result TH.order, TABLE.result TD.order {
	width: 70px;
	text-align: center;
}

TABLE.result TH.edit, TABLE.result TD.edit {
	width: 60px;
	text-align: center;
}

TABLE.result TH.view, TABLE.result TD.view {
	width: 60px;
	text-align: center;
}

TABLE.result TH.checkbox, TABLE.result TD.checkbox {
	width: 30px;
	text-align: center;
}

TABLE.result TH.view-scroll {
	width: 77px;
	text-align: center;
}

TABLE.result TD.order-scroll {
	height: 30px;
	width: 70px;
	border-left: none;
	text-align: center;
}

TABLE.result TH.caption-left {
	text-align: left;
	border-right: none;
	background-color: silver
}

TABLE.result TH.caption-right {
	text-align: right;
	border-left: none;
	background-color: silver
}

TABLE.total-record {
	width: 100%;
	border-collapse: collapse;
	border: none;
	/*background-color: #ff9900;*/
	background-color: #fdeac0;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
}

TABLE.total-record TH.left {
	width: 60%;
	height: 30px;
	padding: 3px;
	text-align: left;
}

TABLE.total-record TH.right {
	width: 40%;
	height: 30px;
	padding: 3px;
	text-align: right;

}

TABLE.header {
	width: 100%;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

TABLE.header TD {
	background-color: #fdeac0;
	padding: 3px;

}

TABLE.header TD.left {
	text-align: left;
}

TABLE.header TD.right {
	text-align: right;
}

TABLE.footer {
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	color: red;
	width: 100%;
}

TABLE.footer TD {
	padding: 3px;
}

TABLE.footer TD.left {
	text-align: right;
	width: 200px;
}

TABLE.footer TD.right {
	text-align: left;
	width: 300px;
}

DIV.body {
	width: 1005px;
	/**width: 975px;**/
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid silver;
	text-align: center;
}

DIV.result-scroll {
	border: none;
}

DIV.result-scroll {
	border-left: 1px solid black;
	height: 301px;
	overflow-y: scroll;
}

IMG {
	border: none;
	vertical-align: middle;
}

A {
	color: black;
	text-decoration: none;
}

A.header {
	color: black;
	text-decoration: underline;
}

A.caption {
	color: white;
	text-decoration: none;
}

A.action-link {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

A.action-print-link {
	font-weight: bold;
	color: blue;
	text-decoration: none;
}

FONT.require {
	color: red;
	padding: 0px;
	padding-right: 0px;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
}
FONT.comment {
	color: red;
	padding: 0px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
}

.text {
	text-align: left;
}
.currency {
	text-align: right;
}
.number {
	text-align: right;
}
.datetime {
	text-align: center;
}
.date {
	text-align: center;
}
.time {
	text-align: center;
}
.status {
	text-align: left;
}
.ip {
	text-align: left;
}
.percentage {
	text-align: right;
}
.read-only {
	border: 1px solid #DDDDDD;/*#E5E5E5;*/
	background-color: #FFFFC1;
	/*color: #C1C1C1;*/
	color: #000066;
}

.margin-zero {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}



.submit {
	width: 0px;
	height: 0px;
	border: none;
	display: none;
}

.tab-bar {
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.tab-body {
	float: left;
	width: 100%;
	vertical-align: top;
	overflow: hidden;
	background-color: white;
}
.col-width-760px {
	width: 760px;
}
.col-width-480px {
	width: 480px;
}
.col-width-400px {
	width: 400px;
}
.col-width-380px {
	width: 380px;
}
.col-width-375px {
	width: 375px;
}
.col-width-350px {
	width: 350px;
}
.col-width-325px {
	width: 325px;
}
.col-width-310px {
	width: 310px;
}
.col-width-300px {
	width: 300px;
}
.col-width-280px {
	width: 280px;
}
.col-width-275px {
	width: 275px;
}
.col-width-250px {
	width: 250px;
}
.col-width-230px {
	width: 230px;
}
.col-width-225px {
	width: 225px;
}
.col-width-206px {
	width: 206px;
}
.col-width-200px {
	width: 200px;
}
.col-width-195px {
	width: 195px;
}
.col-width-190px {
	width: 190px;
}
.col-width-175px {
	width: 175px;
}
.col-width-170px {
	width: 170px;
}
.col-width-166px {
	width: 166px;
}
.col-width-160px {
	width: 160px;
}
.col-width-155px {
	width: 155px;
}
.col-width-150px {
	width: 150px;
}
.col-width-140px {
	width: 140px;
}
.col-width-130px {
	width: 130px;
}
.col-width-125px {
	width: 125px;
}
.col-width-120px {
	width: 120px;
}
.col-width-119px {
	width: 119px;
}
.col-width-115px {
	width: 115px;
}
.col-width-110px {
	width: 110px;
}
.col-width-100px {
	width: 100px;
}
.col-width-90px {
	width: 90px;
}
.col-width-82px {
	width: 82px;
}
.col-width-80px {
	width: 80px;
}
.col-width-75px {
	width: 75px;
}
.col-width-70px {
	width: 70px;
}
.col-width-60px {
	width: 60px;
}
.col-width-40px {
	width: 40px;
}
.col-width-50px {
	width: 50px;
}
.col-width-10px {
	width: 10px;
}
.col-width-8px {
	width: 8px;
}
.col-width-7px {
	width: 7px;
}
.col-width-5px {
	width: 5px;
}
.col-width-4px {
	width: 4px;
}
.col-width-0px {
	width: 0px;
}
.col-width-auto {
	width: auto;
}
.time-cell {
	height: 20px;
}
.loginLabel{
	font-size: 18px;
	font-weight: bold;
	color: #3399FF;
	padding-right: 10px;
}
DIV.i {
	padding: 3px;
	padding-top: 5px;
}

INPUT.BUTTON {
		height: 100px;
		width: 100px;
}

/* BUTTONS */
button{
    display:block;
    float:left;
    margin:0px 7px 0px 0px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:Tahoma;
    font-size: 11px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
button img {
    margin:0px 3px -3px 0px !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover {
    /*
    	background-color: #E6EFC2;
    	border: 1px solid #C6D880;
    */
    border: 1px solid #DDDDDD;
	background-color: white;
    color: #565656;
}

.template_footer{
	color: #000000;
	border: 1px solid silver;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #f6b213;
	background-repeat: repeat-x;
}

.show_color_title{
	background-color: #ffc876;
	font-weight: bold;
}

.show_color_subTitle{
	background-color: #ffd290;
	font-weight: bold;
}

.show_color_summary{
	background-color: #6daec2;
}

TABLE.authen {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
}

TABLE.authen TD {
	height: 50px;
	border-collapse: collapse;
	padding: 3px;
	vertical-align: middle;
}

TABLE.authen TD.left {
	width: 30%;
	text-align: left;
}

TABLE.authen TD.center {
	width: 40%;
	text-align: center;
	color: red;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
}

TABLE.authen TD.right {
	width: 30%;
	text-align: right;
}
TABLE.remark{
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
}
TABLE.remark TD {
	height: 30px;
	border-collapse: collapse;
	padding: 3px;
	vertical-align: middle;
}

TABLE.remark TD.left {
	width: 60%;
	text-align: left;
}

TABLE.remark TD.right {
	width: 40%;
	text-align: center;
}
TABLE.remark TD.right {
	width: 40%;
	text-align: center;
}
